<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="template.xhtml">
	<ui:define name="corpo">
		<p:outputPanel id="painelGeral">
			<p:dataTable var="usuario" lazy="true" value="#{usuariosMB.usuarios}"
				paginator="true"
				paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
				rowsPerPageTemplate="5,10,15" rows="10"
				selection="#{usuariosMB.usuarioSelecionado}" selectionMode="single"
				id="usuariosTable">

				<p:ajax event="rowSelect" update=":form:painelGeral" />

				<f:facet name="header">  
            Usuarios  
        </f:facet>

				<p:column headerText="Nome" sortBy="#{usuario.nome}"
					filterBy="#{usuario.nome}" id="nome">  
            #{usuario.nome}
        </p:column>
				<p:column headerText="Login" sortBy="#{usuario.login}"
					filterBy="#{usuario.login}" id="login">  
            #{usuario.login}
        </p:column>
				<p:column headerText="CPF" sortBy="#{usuario.cpf}"
					filterBy="#{usuario.cpf}" id="cpf">
					<h:outputText value="#{usuario.cpf}" converter="converterCPF" />
				</p:column>
				<p:column headerText="Perfil" sortBy="#{usuario.perfil}"
					filterBy="#{usuario.perfil}" id="perfil">  
            #{usuario.perfil}
        </p:column>
			</p:dataTable>
			<h:panelGroup id="painelDetalhes"
				rendered="#{usuariosMB.usuarioSelecionado ne null}">
		Nome: <h:inputText id="nome" required="true"
					value="#{usuariosMB.usuarioSelecionado.nome}"
					validator="validadorNome" />
				<br />
        CPF: <h:inputText required="true"
					value="#{usuariosMB.usuarioSelecionado.cpf}"
					converter="converterCPF" validator="validadorCPF" />
				<br />
        Login: <h:inputText required="true" disabled="true"
					value="#{usuariosMB.usuarioSelecionado.login}"
					validator="validadorCampoEmail" />
				<br />
		Endereco: <h:inputText
					value="#{usuariosMB.usuarioSelecionado.endereco}" />
				<br />
		Perfil: <h:selectOneMenu
					value="#{usuariosMB.usuarioSelecionado.perfil}">
					<f:selectItems value="#{usuariosMB.perfis}" var="perfil"
						itemLabel="#{perfil.descricao}" itemValue="#{perfil}" />
				</h:selectOneMenu>
				<p:commandButton label="Alterar" id="botaoAlterar" update="@form" process="@form"/>
			</h:panelGroup>
		</p:outputPanel>
	</ui:define>
</ui:composition>
</html>